### Rozdział 27. Menu i nawigacja – jak ułożyć drogowskazy, które prowadzą użytkownika tam, gdzie chcesz

Nawigacja to kręgosłup Twojej strony. Nawet najlepsza treść i piękny projekt niewiele znaczą, jeśli użytkownik nie potrafi szybko znaleźć tego, po co przyszedł. Dobrze zaprojektowane menu jest jak wyraźne drogowskazy przy autostradzie: upraszcza decyzje, skraca czas dotarcia do celu i zmniejsza frustrację. W WordPressie masz dużą swobodę – możesz tworzyć menu z podstron, kategorii bloga i własnych odnośników, a następnie umieszczać je w różnych miejscach motywu (nagłówek, stopka, boczny pasek, menu mobilne). W tym rozdziale pokazuję, jak zaplanować strukturę, skonfigurować menu i zadbać o szczegóły, które realnie podnoszą zaangażowanie i czas spędzony na stronie.

#### Zaczynamy od mapy: czego szukają Twoi użytkownicy
Zanim klikniesz „Dodaj do menu”, odpowiedz na proste pytanie: co użytkownik musi zobaczyć w pierwszych 10 sekundach, aby zostać na stronie?
- Kim jesteś i co oferujesz (Oferta/Usługi, O mnie/O nas).
- Jakie masz dowody (Realizacje/Case studies, Opinie/Referencje).
- Jak się z Tobą skontaktować (Kontakt/Umów rozmowę).
- Dodatkowo: wiedza (Blog/Poradniki), cennik (jeśli masz), zasoby do pobrania.

Stwórz szkic „mapy” na kartce lub w narzędziu (Miro, FigJam). Zgrupuj treści w logiczne kategorie. Zasadą jest minimalizm: im krótsze i bardziej oczywiste menu, tym łatwiej przejść dalej. W większości przypadków 5–7 pozycji głównych w zupełności wystarczy.

#### Główne menu, menu pomocnicze i stopka – różne role, różne obciążenie
- Główne menu (nagłówek): Twoje najważniejsze ścieżki. Tu nie ma miejsca na wszystko – tylko pozycje krytyczne dla decyzji użytkownika. Dla blogów: Strona główna, Kategorie (z kilkoma najważniejszymi rozwijanymi), O autorze, Kontakt, Zasoby/Newsletter.
- Menu pomocnicze (top bar): drobne linki jak Logowanie, Język, Pomoc/FAQ, Panel klienta. Ma być dyskretne, ale dostępne.
- Stopka: pełniejsza nawigacja „drugiego planu” – polityki, regulaminy, RODO, mapa strony, linki do social mediów, dane firmy, często zadawane pytania, link do RSS. To także miejsce na skrót do najważniejszych kategorii bloga.

Pomyśl o menu jak o trzech warstwach: szybkie decyzje na górze, porządek i formalności na dole.

#### Jak skonfigurować menu w WordPressie (krok po kroku)
Narzędzia:
- Wygląd → Menu (klasyczny panel) lub Wygląd → Dostosuj (w niektórych motywach).
- W motywach blokowych (FSE) – Edytor witryny → Części szablonu → Nagłówek/Stopka, blok „Nawigacja”.

Kroki:
1) Utwórz nowe menu, np. „Główne”.
2) Dodaj elementy:
   - Strony (Oferta, O nas, Kontakt).
   - Kategorie bloga (np. Poradniki, Strategie, Techniczne).
   - Niestandardowe odnośniki (zewnętrzne zasoby, narzędzia, link do kursu).
   - Etykiety uprość do zrozumiałego języka („Oferta” zamiast „Nasze usługi premium”).
3) Uporządkuj hierarchię:
   - Przeciągaj elementy, aby tworzyć podmenu (pozycje podrzędne).
   - Ustal kolejność od najważniejszego do najmniej ważnego (od lewej do prawej; na mobile od góry do dołu).
4) Wybierz lokalizację:
   - Zaznacz „Menu główne” (Header/Primary).
   - Dla stopki utwórz „Menu stopki”.
   - W builderach (Elementor, Kadence) podłącz odpowiednie menu do widżetu „Nawigacja”.
5) Zapisz i przetestuj:
   - Sprawdź widok desktopowy i mobilny. Otwórz każde rozwijane podmenu. Upewnij się, że focus z klawiatury przemieszcza się logicznie.

W motywach z tzw. mega‑menu (np. w e‑commerce) rozważ kategorie pierwszego poziomu z ilustracjami i krótkimi opisami – ale tylko jeśli masz dużo podkategorii. Inaczej to przerost formy.

#### Etykiety, które prowadzą – słowa mają znaczenie
Dobry tekst w menu to mikrocopy, które usuwa wątpliwości jednym słowem:
- Zamiast „Produkty i usługi” – „Oferta”.
- Zamiast „Blog” (czasem brzmi ogólnie) – „Poradniki” albo „Baza wiedzy”, jeśli taka jest funkcja.
- Jeśli Twoim celem jest kontakt, rozważ przycisk w menu „Umów konsultację” lub „Wyceń projekt” – wyróżnij go kolorem.
- Unikaj żargonu i skrótów wewnętrznych. Menu ma być dla użytkownika, nie dla działu.

Krótko, konkretnie, bez „poezji”. Dobre nazwy zwiększają klikalność.

#### Struktura podmenu i kategorie bloga – porządek zamiast listy bez końca
Blogi często cierpią na „zespół 27 kategorii”. To utrudnia nawigację i rozmywa tematykę.
- Ogranicz główne kategorie do 5–7. Niech każda odpowiada na inny typ potrzeby (np. Strategia, SEO, WordPress, E‑commerce, Analityka).
- Podmenu wyświetlaj tylko dla kategorii, które faktycznie mają z czego wybierać.
- Dla dużych zasobów dodaj stronę „Start tutaj” z kuracją treści dla początkujących i zaawansowanych – i linkuj ją w menu.

Jeśli kategoria jest pusta lub ma 2 wpisy – nie dawaj jej do menu. Najpierw zbuduj treść.

#### Nawigacja mobilna – gdzie wygrywa się większość sesji
Większość ruchu to mobile, więc nawigacja musi być bezbłędna na małych ekranach:
- Ikona „hamburgera” otwierająca pełnoekranowe, czytelne menu.
- Duże cele dotykowe (min. 44×44 px), odpowiednie odstępy między linkami.
- Rozwijane podmenu z wyraźnym wskaźnikiem (strzałka), dotknięcie nie powinno od razu przenosić – najpierw rozwija.
- Przyciski CTA (np. „Umów rozmowę”) widoczne od razu po otwarciu menu.
- Wydajność: menu nie może ładować dziesiątek ikon i skryptów.

Po konfiguracji testuj na prawdziwym telefonie, nie tylko w oknie przeglądarki.

#### Dostępność: nie tylko „nice to have”
- Obsługa klawiaturą: tabulacja musi przechodzić kolejno po pozycjach; podmenu otwiera się klawiaturą; fokus jest widoczny.
- Kontrast: tekst w menu vs tło co najmniej 4.5:1.
- Rola ARIA i etykiety: w złożonych menu dodaj atrybuty `aria-expanded`, `aria-haspopup` – wiele motywów ma to już wbudowane.
- Czytniki ekranowe: linki powinny mieć sens poza kontekstem („Zobacz ofertę” zamiast „Czytaj więcej”).

Dostępne menu to mniej frustracji, lepsze SEO i zgodność z dobrymi praktykami.

#### Specjalne elementy menu: wyszukiwarka, języki, konto użytkownika
- Wyszukiwarka w nagłówku: przydatna przy większej liczbie treści. Postaw na prosty input lub ikonę lupy otwierającą overlay.
- Przełącznik języka: flagi bywają mylące, lepszy jest skrót języka (PL/EN). Upewnij się, że przełącza równoległe wersje tej samej strony.
- Ikona koszyka/konta (e‑commerce): pokazuj liczbę produktów w koszyku; przy większych sklepach rozważ sticky bar na mobile.

Dodatki mają sens, jeśli wspierają cel biznesowy i nie zagłuszają głównych ścieżek.

#### SEO i nawigacja – sygnały rozsądku
- Linki w menu przekazują „moc” wewnętrzną. Umieść tam strony, na których Ci zależy (Oferta, Kategorie filarowe, Case).
- Unikaj linków do „lżejszych” treści w menu głównym (np. jednorazowy wpis kampanijny) – od tego są banery/sekcje hero.
- Mapa strony w stopce i breadcrumbs (okruszki) na podstronach pomagają użytkownikom i robotom zrozumieć strukturę.

Nawigacja to również architektura informacji – wpływa na indeksację i rankowanie.

#### Analityka: czy menu pracuje tak, jak zakładałeś
- Zdarzenia GA4: kliknięcia w pozycje menu (desktop/mobile osobno), interakcje z podmenu, klik w CTA w nagłówku.
- Mapy ciepła (Clarity/Hotjar): zobacz, które pozycje są najczęściej używane i czy użytkownicy „rozumieją” podmenu.
- Testy A/B: kolejność pozycji, nazwy (Blog vs Poradniki), wyróżnienie CTA. Zmiany rób pojedynczo i daj im tydzień–dwa.

Jeśli pozycja w menu nie zbiera kliknięć – albo nie jest potrzebna, albo jej nazwa nie trafia.

#### Częste błędy i jak ich uniknąć
- Przeładowanie: 12 pozycji w poziomie, 3 poziomy w dół. Użytkownik się gubi. Ogranicz i kuratoruj.
- Brak wyróżnionego CTA: jeśli kontakt jest ważny, zrób z niego przycisk. Subtelne linki giną.
- Nazwy „dla nas, nie dla nich”: wewnętrzne skróty, ogólniki („Rozwiązania”). Nazwij po ludzku.
- Niedopracowane mobile: kliknięcie rozwija i przenosi naraz; małe targety dotykowe; menu zasłania treść bez wyraźnego zamknięcia.
- Zmienność bez powodu: co miesiąc inne pozycje w innym układzie. Stałość buduje pamięć nawigacyjną.

Mniej, prościej, czytelniej – to recepta, która działa w 9 na 10 przypadków.

### Podsumowanie rozdziału

Dobra nawigacja to połączenie strategii i rzemiosła: najpierw rozumiesz, czego szukają Twoi użytkownicy, potem układasz najkrótszą drogę do tych treści. W WordPressie zrobisz to szybko – tworząc menu z najważniejszych stron, kategorii i odnośników, przypisując je do właściwych lokalizacji motywu i dbając o detale: jasne etykiety, logiczne podmenu, świetny widok mobilny i dostępność. Mierz kliknięcia i porządkuj pozycje, które nie pracują. Gdy menu staje się intuicyjną mapą, użytkownicy częściej docierają do ofert, czytają więcej treści i wracają – a to bezpośrednio przekłada się na zaangażowanie i wyniki Twojego bloga.